@CHARSET "UTF-8";
/*body { margin: 0 auto; width: 980px; font: 14px/20px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; background: #f2f2f2;}*/
header { position: relative; border: 1px solid red; width: 100%; height: 20px;align:center;}

nav { position: relative; background-color: #404040; width: 100%; height: 20px;}
/*
nav ul { margin: 0 auto; width: 980px; list-style: none;}
nav ul li { float: left }
nav ul li a { display: block; margin-right: 20px; width: 100px; font-size: 16px; font-weight: bold; line-height: 44px; text-align: center; text-decoration: none; color: #fff;}
*/
/*
#banner { position: relative; float: left; padding-top: 50px; border: 1px solid #ccc; background-color: #fff; width: 980px;}
#banner h2, #intro p { position: relative; z-index: 9999; width: 800px;}
#banner h2 { padding: 0 0 20px 0; font-weight: normal; color: #333;}
#banner p { color: #5D4A3D }
#content { float: right; width: 704px; height: 700px; margin: 0 1px 1px 1px; margin-right: 0; border: 1px solid #ccc; background-color: #fff; margin-bottom: 1px; margin-left: 5px; margin-right: 1px; margin-top: 8px; text-align: center; padding: 50px;}
section article { border: 1px solid black; width: 300px;}
aside { float: left; text-align: left; width: 164px; margin: 0; margin-top: 8px; padding: 0; height: 768px; border: 1px solid red;}
aside>div { border: 1px solid #ccc; margin-bottom: 8px;}
aside>div div { background-color: #264474; padding: 5px 0px 5px 12px;}
aside div { background-color: #fff }
aside div ul { margin-left: 20px; padding-left: 20px; list-style: none; color: #0e9fc0;}
aside div ul li { padding-top: 5px; padding-bottom: 5px;}
aside div ul li a { display: block; text-decoration: none; color: #000; font-size: 16px; font-variant: small-caps;}
aside div ul li a:hover { text-decoration: underline }
aside div h3 { color: #fff; font-size: 1em;}
footer { clear: both; float: left; width: 100%; margin: 20px auto 0 auto; color: #fff; border: 1px solid #00F; background-color: #69F;}
*/